@width: 200px;
@height: @width + 200px;
@red: 'red';
@margin1: 10px;

.box {
  width: @width;
  height: @height;

  & > div {
    height: 300px;
    background-color: teal;
    margin: @margin1;

    & > div {
      background-color: orange;
      margin: @margin1;
      height: 200px;

      & > div {
        height: 100px;
        margin: @margin1;
        background-color: orchid;
      }
    }
  }
}